/*
   app style.
*/
@import "common.css";
@import "icons.css";
@import "card.css";
@import "toast.css";

.views-ms .navbar{
    background-color: #D32C43;
    color: white;
    box-shadow: #666 0 0 10px;
}

.views-ms .navbar:after{
    background-color: #D32C43;
}

.views-ms .navbar a {
    color: white;
}

.views-ms .tabbar a.active{
    color: #D32C43;
}

.views-ms .navbar, .views-ms .toolbar{
    /*font-size: 14px;*/
}

.button{
    border: 1px solid #D32C43;
    color: #D32C43;
}

.button.button-fill{
    background: #D32C43;
}

a {
    color: #D32C43;
}

i.icon.icon-back {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-forward {
    width: 12px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-bars {
    width: 21px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2ddpx) {
    i.icon.icon-bars {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
        height: 13px;
    }
}
i.icon.icon-camera {
    width: 25px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E");
}



/* 状态栏控制 */
.statusbar-overlay{
    background-color: #D32C43;
}
/*html.with-statusbar-overlay body[data-page-name="profile"]{
    padding-top:0 !important;
}
html.with-statusbar-overlay body[data-page-name="profile"] .statusbar-overlay{
    display: none;
}*/

body[data-page-name=profile] .home-toolbar-container a:nth-child(4),
body[data-page-name=profile] .home-toolbar-container a:nth-child(4) > span,
body[data-page-name=cart] .home-toolbar-container a:nth-child(3),
body[data-page-name=cart] .home-toolbar-container a:nth-child(3) > span,
body[data-page-name=order] .home-toolbar-container a:nth-child(2),
body[data-page-name=order] .home-toolbar-container a:nth-child(2) > span,
body[data-page-name=index] .home-toolbar-container a:nth-child(1),
body[data-page-name=index] .home-toolbar-container a:nth-child(1) > span {
    color: #D32C43;
}

html.android.with-statusbar-overlay body {
    padding-top: 25px;
}

html.android.with-statusbar-overlay .statusbar-overlay {
    height: 25px;
}

html.android.with-statusbar-overlay .login-screen,
html.android.with-statusbar-overlay .popup.tablet-fullscreen {
    top: 25px;
}

@media all and (max-width: 629px), (max-height: 629px) {
    html.android.with-statusbar-overlay .popup {
        top: 25px;
    }
}

html.android.with-statusbar-overlay .login-screen, html.android.with-statusbar-overlay .popup.tablet-fullscreen {
    top: 25px;
}

/* 状态栏结束 */
input.search-bar::-webkit-input-placeholder {
    color: #ffffff;
}
.search-bar {
    width: 80%;
    border-radius: 10px;
    border: 0;
    height: 22px;
    padding: 3px 10px;
    background-color: rgba(0,0,0,.15);
    flex:3;
}

.search-bar-input {
    width: 220px;
    background-color: rgba(0,0,0,.3);
    line-height: 24px;
    text-align: left;
    font-size:12px;
    color: #cccccc !important;
    border-radius: 10px;border:0;height:24px;padding: 2px 10px;
}

.infinite-scroll-preloader {
    margin-top:0px;
    margin-bottom: 10px;
    text-align: center;
}
.infinite-scroll-preloader .preloader {
    width:34px;
    height:34px;
}

.personalcenter{
    width: 100%;
    height: 220px;
    background: url(../asset/img/profile_bg.png) no-repeat no-repeat;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.personalcenter h3 {
    margin-bottom: 5px;
}

.personalcenter .start-hand-center h3 {
    color: #333;
    margin: 0 0 0 10px;
}

.personalcenter .start-hand-left {
    margin-top: 18px!important;
    padding-top: 12px;
    margin: 0;
}

.personalcenter .start-hand-center {
    -webkit-box-flex: 1;
    /*padding-top: 10px;*/
}

.personalcenter .start-hand-center h3.username {
    color: #000;
    text-shadow: #FFE 0px 0px 2px;
}

.user-avatar{
    border-radius: 50%;
}

.personalcenter .user-avatar{
    border: 3px #fff solid;
    box-shadow: #333 0 0 10px;
}

.popover-links .list-block .item-link.list-button:after{
    background: #a32132;
}

.popover-links{
    width: 70px;
    background: #D32C43;
}

.popover-links a.item-link{
    color: #fff !important;
}
.popover-links  .popover-angle:after{
    background: #D32C43;
}